.background .caption {
	position: absolute;
	top: 60%;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 1.5;
	padding: 2% 4%;
	background: rgba(255, 255, 255, 0.5);
}
.background .caption.caption-left {
	top: 0;
	right: 50%;
	bottom: 0;
	left: 10%;
}
.background .caption.caption-right {
	top: 0;
	right: 10%;
	bottom: 0;
	left: 50%;
}
.background .caption blockquote {
	font-family: 'EB Garamond', serif;
	font-size: 2vw;
	text-align: left;
	text-shadow: -0.5px 1px rgba(255, 255, 255, 0.5);
}
.background .caption blockquote p {
	margin-bottom: 0;
}
.background .caption.caption-left blockquote,
.background .caption.caption-right blockquote {
	font-size: 2.25vw;
}
.background .caption.caption-left blockquote p,
.background .caption.caption-right blockquote p {
	margin-bottom: 1em;
}
.background .caption blockquote .caption-social,
.background .caption blockquote .caption-social * {
	text-decoration: none;
	color: #0032a0;
}
.background .caption blockquote .caption-social {
	font-size: 80%;
	text-align: right;
}
.background .caption.caption-left blockquote .caption-social,
.background .caption.caption-right blockquote .caption-social {
	margin-bottom: 2em;
}
.background .caption blockquote .caption-social a {
	margin-left: 0.25em;
	display: inline-block;
}
.background .caption cite {
	font-style: normal;
	text-align: right;
}
.background .caption cite .caption-author {
	font-size: 80%;
	padding: 0;
	margin: 0 !important;
}
.background .caption cite .caption-author-title {
	font-family: 'Lato', sans-serif;
	font-size: 50%;
	padding: 0;
	margin: 0 !important;
}

@media screen and (max-width: 800px) {
	.background .caption {
		position: static !important;
	}
	.background .caption blockquote {
		font-size: 1.6em !important;
	}
	.background .caption blockquote .caption-social {
		margin-bottom: 0.5em !important;
	}
}